<template>
	<view class="content">
		<u-navbar title="" @leftClick="leftClick" >
		</u-navbar>
		<view style="margin-top: 45px;">
			<u-swiper :list="list5" @change="change" :autoplay="false" radius="0">
				<view slot="indicator" class="indicator">
					<view class="indicator__dot" v-for="(item, index) in list5" :key="index"
						:class="[index === current && 'indicator__dot--active']">
					</view>
				</view>
			</u-swiper>
		</view>
		
		
		<u-row customStyle="margin-bottom: 10px">
			<u-col span="12">
				<view style="margin:auto;width:100%;">
					<u-sticky bgColor="#fff">
						<u-tabs :list="list" :current="tabindex" @change="tabchange" :scrollable="false"></u-tabs>
					</u-sticky>
				</view>
			</u-col>
		</u-row>

		<view class="" v-if="tabindex==0">
			 <u-empty mode="data" style="padding-top: 50px;"></u-empty>
  
		</view>
		<view v-if="tabindex==1">
			<u-row customStyle="margin-bottom: 10px">
				<u-col span="12">
					<view style="margin:auto;width:95%;">
						 
						<view
							style="margin-top: 20px;position: absolute;z-index: 99;font-size: 1.8rem;color:#fff;font-weight:bold;">
							全新	EMONDA试骑会...
						</view>
						<image style="width: 100%;" src="../../static/p1.png"></image>
					</view>
				</u-col>
			</u-row>
			<u-row customStyle="margin-bottom: 10px">
				<u-col span="12">
					<view style="margin:auto;width:95%;">
						 
						<view
							style="margin-top: 20px;position: absolute;z-index: 99;font-size: 1.8rem;color:#fff;font-weight:bold;">
							全新	EMONDA试骑会...
						</view>
						<image style="width: 100%;" src="../../static/p1.png"></image>
					</view>
				</u-col>
			</u-row>  
		</view>
		<view class="" v-if="tabindex==2">
			<u-row customStyle="margin-bottom: 10px">
				<u-col span="12">
					<view style="margin:auto;width:95%;">
						 
						<view
							style="margin-top: 20px;position: absolute;z-index: 99;font-size: 1.8rem;color:#fff;font-weight:bold;">
							全新	EMONDA试骑会...
						</view>
						<image style="width: 100%;" src="../../static/p1.png"></image>
					</view>
				</u-col>
			</u-row> 
		</view>
 
	</view>
</template>

<script>
	export default {
		data() {
			return {
				index: 0,
				tabindex: 0,
				value1: 1,
				value2: 2,
				value3: 3,
				show: true,
				popupTitle: '123',
				list: [{
					name: '近期活动',
				}, {
					name: '过往活动',
				}, {
					name: '常规活动',
				}],
				current: 0,
				currentNum: 0,
				list5: [
					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
				],
			}
		},
		onLoad() {
			this.tabindex = this.$route.query.t??0;
		},
		methods: {
			change(e) {
				 console.log('change', e);
			},
			tabchange(e) {
				console.log('tabchange', e);
				this.tabindex = e.index
			},
			navigateBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			rightClick() {
				uni.navigateBack({
					delta: 1
				})
			},
			leftClick() {
				uni.navigateBack({
					delta: 1
				})
			}
		},
	}
</script>


<style lang="scss">
	@import 'index.scss';
</style>